<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>列表页</title>
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/list.css">
</head>

<body>
    <section>
        <header>
            <div class="content">
                <div class="header">
                    <a class="icon iconfont" href="">&#xe679;</a>
                    <input class="input1" type="text" placeholder="">
                    <p class="icon iconfont1">&#xe65c;</p>
                    <a class="icon iconfont" href="">&#xe637;</a>
                </div>
            </div>
        </header>
        <nav>
            <div class="fuzhaung">
                <div class="content">
                    <a href="###" class="active">上装</a>
                    <a href="###">下装</a>
                    <a href="###">鞋靴</a>
                    <a href="###">美妆</a>
                    <a href="###">套装</a>
                </div>
            </div>
            <div class="biaoti">
                <div class="content">
                    <span>时尚上装</span>
                    <span class="icon iconfont">&#xe624;</span>
                </div>
            </div>
            <div class="nav">
                <div class="content">
                    <ul>
                        <li>
                            <a href="">
                                <img src="../img/list-nav.png" alt="">
                                T恤
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/list-nav.png" alt="">
                                衬衫
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/list-nav.png" alt="">
                                背心
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/list-nav.png" alt="">
                                POLO衫
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/list-nav.png" alt="">
                                防晒衫
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/list-nav.png" alt="">
                                皮衣/夹克
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/list-nav.png" alt="">
                                卫衣
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/list-nav.png" alt="">
                                开衫
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/list-nav.png" alt="">
                                马甲
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/list-nav.png" alt="">
                                牛仔衫
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/list-nav.png" alt="">
                                棒球服
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/list-nav.png" alt="">
                                外套/风衣
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/list-nav.png" alt="">
                                针织衫/毛衣
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/list-nav.png" alt="">
                                毛呢大衣
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/list-nav.png" alt="">
                                西装
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/list-nav.png" alt="">
                                棉衣/羽绒服
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
        <main>
            <div class="content">
                <h1>商品推荐</h1>
                <ul>
                    <li>
                        <img src="../img/list.png" alt="">
                        <p>男士破洞春秋牛仔夹克男</p>
                        <p></p>
                        <p>￥128.00</p>
                    </li>
                    <li>
                        <img src="../img/list.png" alt="">
                        <p>男士破洞春秋牛仔夹克男</p>
                        <p></p>
                        <p>￥128.00</p>
                    </li>
                    <li>
                        <img src="../img/list.png" alt="">
                        <p>男士破洞春秋牛仔夹克男</p>
                        <p></p>
                        <p>￥128.00</p>
                    </li>
                    <li>
                        <img src="../img/list.png" alt="">
                        <p>男士破洞春秋牛仔夹克男</p>
                        <p></p>
                        <p>￥128.00</p>
                    </li>
                    <li>
                        <img src="../img/list.png" alt="">
                        <p>男士破洞春秋牛仔夹克男</p>
                        <p></p>
                        <p>￥128.00</p>
                    </li>
                    <li>
                        <img src="../img/list.png" alt="">
                        <p>男士破洞春秋牛仔夹克男</p>
                        <p></p>
                        <p>￥128.00</p>
                    </li>
                </ul>
            </div>
        </main>
    </section>
</body>

</html>